<form id="sysmenuForm" lay-filter="menuForm" class="layui-form model-form">
  <input name="id" type="hidden" value="{$sysMenu.id}"/>
  <div class="layui-form-item">
    <label class="layui-form-label">父级<span style="color: red;">*</span></label>
    <div class="layui-input-block">
      <!--<input id="parentIdTree" lay-filter="tree" name="parentId" placeholder="请输入父级编号" value="{$sysMenu.name}" type="text" class="dtree layui-input" lay-verify="required" required-->
      <!--    autocomplete="off"/>-->
      <ul id="parentIdTree" class="dtree" data-id="0"></ul>
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">名称<span style="color: red;">*</span></label>
    <div class="layui-input-block">
      <input name="title" placeholder="请输入名称" value="{$sysMenu.title}" type="text" class="layui-input" lay-verify="required" required/>
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">权限规则<span style="color: red;">*</span></label>
    <div class="layui-input-block">
      <input name="name" placeholder="请输入权限规则" value="{$sysMenu.name}" type="text" class="layui-input" lay-verify="required" required/>
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">是否是菜单<span style="color: red;">*</span></label>
    <div class="layui-input-block">
      <select id="ismenu" name="ismenu" lay-verify="ismenu">
        <option value="1">菜单</option>
        <option value="0">节点</option>
      </select>
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">附件条件<span style="color: red;">*</span></label>
    <div class="layui-input-block">
      <input id="condition" name="condition" placeholder="请输入附件条件" value="{$sysMenu.condition}" type="text" class="layui-input" autocomplete="off"/>
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">排序</label>
    <div class="layui-input-block">
      <input name="sort" placeholder="请输入排序" value="{$sysMenu.sort}" type="text" class="layui-input"/>
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">图标</label>
    <div class="layui-input-block">
      <input name="icon" placeholder="请输入图标" value="{$sysMenu.icon}" type="text" class="layui-input"/>
    </div>
  </div>
</form>
<script>
    //layui.use(['layer', 'form', 'table', 'dtree', 'treetable'], function () {
        var dtree = layui.dtree;
        var form = layui.form;
        $("#ismenu").val({$sysMenu.ismenu});
        dtree.renderSelect({
            elem: "#parentIdTree",
            width: "100%", // 可以在这里指定树的宽度来填满div
            url: '{:url("/admin/widget/widgetMenu")}',
            response: {
                statusName: "code", //返回标识（必填）
                statusCode: 200, //返回码（必填）
                message: "message", //返回信息（必填）
                rootName: "data", //根节点名称（必填）
                treeId: "id", //节点ID（必填）
                parentId: "pid", //父节点ID（必填）
                title: "title", //节点名称（必填）
                ficonClass: "ficonClass", //自定义一级图标class（v2.5.4版本新增）（非必填）
                iconClass: "iconClass", //自定义二级图标class（非必填）
                childName: "children", //子节点名称（默认数据格式必填）
                last: "last", //是否最后一级节点（true：是，false：否，布尔值，非必填）
                level: "level", //层级（v2.4.5_finally_beta版本之后，该属性移除）
                spread: "spread", //节点展开状态（v2.4.5_finally_beta版本新增。true：展开，false：不展开，布尔值，非必填）
                disabled: "disabled", //节点禁用状态（v2.5.0版本新增。true：禁用，false：不禁用，布尔值，非必填）
                hide: "hide", //节点隐藏状态（v2.5.0版本新增。true：隐藏，false：不隐藏，布尔值，非必填）
                checkArr: "checkArr", //复选框列表（开启复选框必填，默认是json数组。）
                checked: "checked", //是否选中（开启复选框，0-未选中，1-选中，2-半选。非必填）
                type: "type", //复选框标记（开启复选框，从0开始。非必填）
                basicData: "basicData" //表示用户自定义需要存储在树节点中的数据（非必填）
            }, // 这里指定了返回的数据格式，组件会根据这些值来替换返回JSON中的指定格式，从而读取信息
            checkbar: true,
            checkbarType: "only", // 默认就是all，其他的值为： no-all  p-casc   self  only
            formatter: {
                title: function (data) {  // 示例给有子集的节点返回节点统计
                    var s = data.title+"("+ data.name+")";
                    if (data.children) {
                        s += ' <span style=\'color:blue\'>(' + data.children.length + ')</span>';
                    }
                    return s;
                }
            },
            done: function () {
                dtree.dataInit("parentIdTree", "{$sysMenu.pid}");
                dtree.setSelectValue("parentIdTree"); // 也可以在这里指定，第二个参数如果不填，则会自动读取
            }
        });
        //dtree.on("node('parentIdTree')", function (obj) {
        //    console.log(obj.param); // 点击当前节点传递的参数
        //    console.log(obj.dom); // 当前节点的jquery对象
        //    console.log(obj.childParams); // 当前节点的所有子节点参数
        //    console.log(obj.parentParam); // 当前节点的父节点参数
        //});
        //$(document).on('click','.layui-btn',function(obj){
        //    console.log(obj);
        //    layer.msg('hello');
        //});
        form.render();
    //});
</script>
